Skip to main content

Lists in HTML lecture #5

 Lists in HTML

Title: Understand the Lists elements:

objective: By the end of this lecture you will :

  1. Understands different types of HTML lists.
  2. Be able to create ordered and unordered Lists.
  3. Learn how to create nested lists.
  4. Apply list styling and attributes.

Types of lists:

HTML offers three types of lists


  • Ordered Lists(OL):
These are numbered and letters list is used to ordered items:

  • Unordered Lists(UL):

These are bulleted list used to order the items :

  • Definition Lists(DL):

These lists are used to define the terms and descriptions:

How to create these lists:

Order lists(OL):


    <ol> 
        <li>Orange</li>
        <li>Apple</li>
        <li>Banana</li>
    </ol>

  • The `<ol>` tag is used to create ordered lists:
  • The `<li>` tag is used to create a lists elements.

Unordered Lists(UL):


    <ul>
        <li>USA</li>
        <li>UK</li>
        <li>India</li>
    </ul>

  • The `<ul>` tag is used to create unordered lists:
  • The `<li>` tag is used to create a lists elements.

Definition Lists:

    <dl>
        <dt>HTML</dt>
        <dd>Hyper Text Markup Language</dd>
    </dl>
  • The `<dl>` tag is used to create definition lists:
  • The `<dt>` is used for terms or definition and `<dd>` for descriptions

Here is we end's today lecture in the bottom i will have to share some notes related to this lecture thanks  GoodBye.





tag's:
html
html lecture 
html notes pdf
html css notes
html forms
html tags
javascript notes pdf

Location: Multan, Punjab, Pakistan

Comments

Post a Comment

Popular posts from this blog

Create a page layout in HTML #4 lecture

 Creating a page layout in HTML objective: To understand semantic elements in HTML: The tag's are used to make a layout in HTML is : `<header>`,`<main>`,`<footer>`,`<aside`. `<header>`:                 The `<header>` tag is used to introduce the top of the page.      `<main>`:              The `<main>` tag us used for containing primary content of the page. `<footer>`:               The `<footer>` tag is used to represent the footer of the webpage. `<aside>`:               The `<aside>` tag is used to make a sidebars in the webpage. `<article>`:               this tag is used as a self combined tag. That's the 4th lecture of the HTML i hope you will understand this . in the bottom i will have...
Post a Comment
Read more

HTML Basics: Elements and Structure #2 lecture

 Introduction to HTML basics Elements and Structure: Objective: To, explorer HTML   Elements , structure and commonly used tag's. Common HTML Tag's: Here is example to understands how to open and close tag's  < > this is Opening tag. < />  this is Closing tag. But here is a one thing that will understand : some tags are automatic closed means we would just open it like this <br> . Today we will understand Headings and Paragraph tag's : Headings and Paragraph's: <h1> Main Heading </h1> <h2> Sub Heading </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6> <p> using for paragraph </p> Ok guys we will meet on next lecture our next topic is formatting tag's. in the bottom i will share you some notes related to our today's topic and have a way to how to make this in practical .. please share this to your bestfriends Goo...
Post a Comment
Read more